<template class="bg-ef">
  <div class="finish-wrap">
    <app-head></app-head>
    <app-slide></app-slide>
    <div class="mune_list">
      <ul>
        <li>
          <div class="mune-box">
            <div class="mune-detail">
              <img :src="index[1].src">
               <div class="mune-text">
                    <span>土地档案</span>
                    <p>查看更多土地档案详情 ></p>
               </div>

            </div>
             
            <router-link to="/Landmune">进入</router-link>
          </div>
        </li>
        <li>
          <div class="mune-box">
            <div class="mune-detail">
               <img :src="index[3].src">
              <div class="mune-text">
                    <span>房产档案</span>
                    <p>查看更多房产档案详情 ></p>
               </div>
            </div>
          <router-link to="/Leasemune">进入</router-link>
          </div>
        </li>
         <li>
          <div class="mune-box">
            <div class="mune-detail">
              <img :src="index[2].src">
                <div class="mune-text">
                    <span>房屋租赁</span>
                    <p>查看更多房屋租赁详情 ></p>
               </div>
            </div>
            <router-link to="/Housemune">进入</router-link>
          </div>
        </li>
         <li>
          <div class="mune-box">
            <div class="mune-detail">
              <img :src="index[0].src">
               <div class="mune-text">
                    <span>固定资产</span>
                    <p>查看更多固定资产详情 ></p>
               </div>
            </div>
             <router-link to="/Assetsmune">进入</router-link>
          </div>
        </li>
         <li>
          <div class="mune-box uncultivated">
            <div class="mune-detail">
              <img :src="index[4].src">
              <div class="mune-text">
                    <span>统计分析</span>
                    <p>该功能暂未开发，请耐心等待</p>
               </div>
            </div>
             <a @click="uncultivated()">进入</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  import AppHead from '@/components/header'
  import AppSlide from '@/components/slide'
  import {requestLogin} from '../../api/api'
  import {mapState} from 'vuex'
  import axios from 'axios';
  export default {
    components: {
      'app-head': AppHead,
      'app-slide': AppSlide,
    },
    data() {
      return {
        listMobileMenu: [],
        menuUnid: '',
      };
    },
    computed: {
      ...mapState({
        index: state => state.managementStore.index,
      }),
    },
  
    methods: {
     uncultivated:function(){
        this.$message.success('此功能暂未开发，请耐心等待');
     }
    },
    mounted() {
    }
  
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="scss" scoped>
  .uncultivated a{
     background: #d0cdcd  !important
  }
</style>
